<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>QInsert</title>
<script type="text/javascript" language="javascript"
	src="//twitter.github.com/bootstrap/assets/js/jquery.js"></script>
<script type="text/javascript" language="javascript"
	src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" language="javascript"
	src="qinsert/qinsert.nocache.js"></script>
<link type="text/css" rel="stylesheet"
	href="bootstrap/css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="Virtorina.css">
</head>

<body>
	<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
		style="position: absolute; width: 0; height: 0; border: 0"></iframe>
	<div id="block"></div>
	<div id="main" style="margin: 0 auto; width: 700px; height: 500px;">
		<div id="QILeft" style="float: left; width: 420px;">
			<div>
				<input id="QIID" type="text" style="width: 50px;" placeholder="id">
				<button id="QILoad" style="left: 70px;" class="btn">Edit</button>
			</div>
			<label class="radio inline"> <input type="radio"
				name="optionsRadios" id="type0" checked=""> Text
			</label> <label class="radio inline"> <input type="radio"
				name="optionsRadios" id="type1"> Image
			</label> <label class="radio inline"> <input type="radio"
				name="optionsRadios" id="type2"> Audio
			</label> <label class="radio inline"> <input type="radio"
				name="optionsRadios" id="type3"> Maps
			</label>
			<p>
				<textarea id="QITB" rows="3" cols="50" style="width: 410px;"
					placeholder="Enter the question in this field. Avoid contractions & abbreviations, write your question clear & unambiguous, don't forget to put the question mark at the end"></textarea>
				<input id="QIUpload" type="text" style="width: 410px"
					placeholder="URL to the file">
			<p>
			<div id="QIGeoMes"></div>
			<div class="clear"></div>
			<textarea id="QIAns"
				style="float: left; width: 200px; height: 100px;" rows="3" cols="50"
				placeholder="Enter the correct answers, each from the new line"></textarea>
			<textarea id="QILabels"
				style="float: right; width: 200px; height: 100px;" rows="3"
				cols="50"
				placeholder="Enter the question's subjects, each from the new line "></textarea>
			<div class="clear"></div>
			<div style="float: left;">
				Time limit: <input id="QITime" type="text" style="width: 15px;">
				sec&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			</div>
			Author: <input id="QIAuthor" type="text" style="width: 156px""><br>
			<input id="QICopyRight" type="text" style="width: 410px"
				placeholder="Where did you get this question? (full URL/book & author/own)"><br>
			<button id="QIButton" class="btn">Submit the question</button>
			<p>
			<div id="QIMessage"></div>
		</div>
		<div id="QIRight"
			style="text-align: center; height: 500px; overflow: auto;">
			<div id="QIShowLabels"></div>
			<br>
			<div id="QILabelsList"></div>
		</div>
	</div>


</body>
</html>